<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>coffee咖啡之翼</title>
    <link rel="stylesheet" href="../css/index.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_906683_jl9v1g7131b.css"/>

</head>
<body>
<header>
        <div class="safe">
          <div class="left header1">
              <i class="iconfont icon-wo"></i>
              <a href="#">登陆</a>
              <span>/</span>
              <a href="#">注册</a>
          </div>
            <div class="right header2">
                <input type="text" placeholder="咖啡之翼"/>
                <i class="iconfont icon-sousuo"></i>
            </div>
        </div>
</header>
<!--导航栏-->
<div class="nav1">
    <div class="safe">
        <div class="left nav1-1">
            <img src="../img/logo.png">
        </div>
        <nav class="right">
            <a href="#">首页</a>
            <a href="#">特色美食</a>
            <a href="#">关于我们</a>
            <a href="#">会员中心</a>
            <a href="#">主题活动</a>
            <a href="#">联系我们</a>
        </nav>
    </div>


</div>
<!--banner-->
<section class="banner">

</section>
<!--第一层-->
<section class="h1">
     <div class="safe sec1">
         <h1>特色菜品</h1>
         <p class="p1-1">Special dishes</p>
         <ul class="list">
             <li class="li1">
                 <div class="cai1"></div>
                 <p>唐杨鱿鱼</p>
             </li>
             <li class="li2">
                 <div class="cai2"></div>
                 <p>黑椒牛柳炒意面</p>
             </li>
             <li class="li3">
                 <div class="cai3"></div>
                 <p>纽约切方菲力牛排</p>
             </li>
             <li class="li4">
                 <div class="cai4"></div>
                 <p>冰淇淋方块</p>
             </li>
         </ul>
     </div>
</section>
<!--第二层-->
<section class="h2">
    <div class="safe sec2">
        <div class="h2-2">
            <h1>关于我们</h1>
            <p class="p2-1">About us</p>
        </div>
        <div class="left sec2-1">
            <img src="../img/sec2.png">
        </div>
        <div class="h2-1">
            <p>          咖啡之翼成立于2000年，中国特色咖啡CAFE咖餐概念的首创者。
                2017年3月24日在新三板挂牌，股票代码871216。
            </p>
            <p>中国咖啡轻餐行业第一家公众公司、资本市场挂牌第一股。</p>

            <p> 历经18年沉淀与发展，咖啡之翼已成为一家集咖餐厅、“自由翼”智能咖啡机、供应链等多元业务线为一体的中国特色自主咖啡行业最具影响力的领导品牌。
            </p>
            <p>咖啡之翼业务布局以北京为原点，延伸至湖南、江苏、河南、上海、山东等地，未来将继续加快拓展一二三四五线的步伐。目前，咖啡之翼在全国拥有咖餐厅300+品牌连锁店，“自由翼”智能咖啡机2500+的市场投放量，整体业务覆盖23个省、4个自治区、3个直辖市、130+城市。
            </p>
            <p>
                创新引领，开放崛起，为实现中国特色自主咖啡第一品牌而努力奋斗...
            </p>
        </div>
    </div>

</section>
<!--第三层-->
<section class="h3">
    <div class="safe sec3">
           <h1 class="sec3-h1">会员特权</h1>
           <p class="p3-1">Vip privilege</p>
         <ul class="list1">
             <li>
                  <div class="lp1 img1">
                      <span>VIP</span>
                  </div>
                  <h1>尊贵会员</h1>
                 <p>凡办理会员，首餐即<br/>可享受8折优惠</p>
                 <button>MORE</button>
             </li>
             <li>
                 <div class="lp1 img2">
                     <span>CP</span>
                 </div>
                 <h1>情侣套餐</h1>
                 <p>情侣会员进店，优惠<br/>套餐折上折</p>
                 <button>MORE</button>
             </li>
             <li>
                 <div class="lp1 img3">
                     <span>情</span>
                 </div>
                 <h1>生日礼物</h1>
                 <p>当天生日的会员，餐厅<br/>即送一束玫瑰</p>
                 <button>MORE</button>
             </li>
             <li>
                 <div class="lp1 img4">
                     <span>免</span>
                 </div>
                 <h1>免费包厢</h1>
                 <p>消费满199元的会员，<br/>即免包厢费</p>
                 <button>MORE</button>
             </li>
         </ul>
    </div>

</section>
<!--第四层-->
<section class="h4">
    <div class="safe sec4">
        <div class="sec4-3">
        <h1 class="sec3-h1">趣味评论</h1>
        <p class="p4-1">Interesting comment</p>
        </div>
        <div class="left sec4-1"></div>
      <div class="sec4-2">
            <a href="#">More>></a>
            <div class="right pinlun">
                <div class="w1"></div>
                <div class="zi1">网友 15893654 评论：好吃，环境也好，下次还会来！</div>
            </div>
            <div class="right pinlun">
                <div class="w2"></div>
                <div class="zi1">会员 小丸子 评论：嘻嘻，吃货就是这么养成的。</div>
            </div>
            <div class="right pinlun">
                <div class="w3"></div>
                <div class="zi1">会员 我墙都不服 评论：味道还不错，哈哈哈哈哈哈哈哈。。。</div>
            </div>
            <div class="right pinlun">
                <div class="w1"></div>
                <div class="zi1">网友 路人甲 评论：路过，看看评论。</div>
            </div>
        </div>
    </div>
</section>
<!--第五层-->
<section class="h5">
    <div class="sec5">
        <h1>网上预订</h1>
        <p>book online</p>
        <input type="text" placeholder="姓名"/>
        <input type="text" placeholder="电话"/>
        <button>提交</button>
    </div>
</section>
<!--第六层-->
<section class="h6">
    <div class="safe sec6">
    <a href="#">热门单品</a>
    <a href="#">品牌文化</a>
    <a href="#">网上预订</a>
    <a href="#">会员专享</a>
    <a href="#">金牌团队</a>
    <a href="#">合作加盟</a>
    </div>
</section>
<!--尾部-->
<footer>
    <div class="safe foot">

        <div id="shang">
            <div class="left foot1">
                <img src="../img/logo.png" >
            </div>
            <ul class=" left list2">
                <li>
                    <p>关于我们</p>
                    <a href="#">餐厅简介</a>
                    <a href="#">品牌文化</a>
                    <a href="#">发展历程</a>
                </li>
                <li>
                    <p>服务中心</p>
                    <a href="#">会员服务</a>
                    <a href="#">网上预约</a>
                    <a href="#">在线咨询</a>
                </li>
                <li>
                    <p>加入我们</p>
                    <a href="#">人才理念</a>
                    <a href="#">职位招聘</a>
                </li>
                <li>
                    <p>服务支持</p>
                    <a href="#">餐厅位置</a>
                    <a href="#">售后服务</a>
                    <a href="#">服务时间</a>
                </li>
            </ul>
            <div class="right foot2">
                <div class="ewm">
                    <p>微信服务号</p>
                    <img src="../img/erweima1.jpg">
                </div>
                <div class="ewm">
                    <p>微信服务号</p>
                    <img src="../img/erweima2.jpg">
                </div>
            </div>
        </div>
        <div class="foot3">
            <p>Copyright @ 2002-2017 咖啡之翼品牌 版权所有 备案号：京ICP备 京公网安备 1101050203323</p>
            <p>特许咨询加盟热线：400-100-2961 北京市朝阳区工体北路三里屯SOHO办公D座1503</p>
            <p>www.wine-cofe.com</p>
        </div>
    </div>
</footer>
</body>

</html>